.assigned-inline
    .ticket-user-list
        .user-list-single
            .user-list-avatar(ng-class!="{ 'is-iocaine': isIocaine }")
                img(
                    style="background-color: {{ bg }}"
                    src="{{ avatar.url }}"
                    alt="{{ fullName }}"
                )
                .iocaine-symbol(
                    ng-if="isIocaine"
                    title="{{ 'TASK.TITLE_ACTION_IOCAINE' | translate }}"
                )
                    tg-svg(svg-icon="icon-iocaine")


            .user-list-name(ng-if="fullNameVisible")
                span.assigned-name(
                    ng-if="!isEditable"
                ) {{ fullName }}

                a.users-dropdown.user-assigned(
                    title="{{ 'COMMON.ASSIGNED_TO.TITLE_ACTION_EDIT_ASSIGNMENT'|translate }}"
                    ng-class="{ 'editable': isEditable }"
                    ng-if="isEditable"
                )
                    span.assigned-name
                        span(ng-if="fullNameVisible") {{ fullName }}
                span(ng-if="isEditable && isUnassigned")
                    span &nbsp;
                    span.read-only(translate="COMMON.OR")
                    a.self-assign(
                        href="#"
                        ng-click="selfAssign()"
                    )
                        span {{ "COMMON.ASSIGNED_TO.SELF" | translate }}

            tg-svg.remove-user(
                ng-click="unassign()"
                ng-if="isEditable && !isUnassigned"
                svg-icon="icon-close",
                title="{{'COMMON.ASSIGNED_TO.DELETE_ASSIGNMENT' | translate}}"
            )

    div.pop-users.popover
        input.users-search(
            type="text"
            data-maxlength="500"
            placeholder="{{'LIGHTBOX.ASSIGNED_TO.SEARCH' | translate}}"
            ng-model="usersSearch"
        )
        a.user-list-single(
            href=""
            data-user-id="{{ user.id }}"
            title="{{ user.full_name_display }}"
            ng-repeat="user in users"
        )
            img.user-list-avatar(
                style="background: {{user.avatar.bg }}"
                src="{{ user.avatar.url }}"
            )
            span.user-list-name(
                href=""
                title="{{ user.full_name_display }}"
            ) {{ user.full_name_display }}
        .show-more(ng-if="showMore")
            span(translate="COMMON.ASSIGNED_TO.TOO_MANY")
